<template>
      <main>

<!-- breadcrumb-area -->
<breadcrumb></breadcrumb>
<!-- breadcrumb-area-end -->

<!-- shop-details-area -->
<section class="shop-details-area pt-90 pb-90">
    <div class="container">
        <div class="row">
            <div class="col-lg-7">
               <shop_details_flex_wrap></shop_details_flex_wrap>
            </div>
            <div class="col-lg-5">
              <shop_details_content></shop_details_content>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
               <product_desc_wrap></product_desc_wrap>
            </div>
        </div>
    </div>
</section>
<!-- shop-details-area-end -->

<!-- coupon-area -->
<div class="coupon-area">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="coupon-bg">
                    <div class="coupon-title">
                        <span>Use coupon Code</span>
                        <h3 class="title">Get $3 Discount Code</h3>
                    </div>
                    <div class="coupon-code-wrap">
                        <h5 class="code">ganic21abs</h5>
                        <img src="img/images/coupon_code.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</main>
</template>

<script>
import breadcrumb from '../components/category/breadcrumb-area'
import shop_details_flex_wrap from '../components/goodsdetail/shop-details-flex-wrap'
import shop_details_content from '../components/goodsdetail/shop-details-content'
import product_desc_wrap from '../components/goodsdetail/product-desc-wrap'
export default {
        components:{
            breadcrumb,
            shop_details_flex_wrap,
            shop_details_content,
            product_desc_wrap
        },
        mounted() {
            this.$store.commit('temporary/setpagemark',this.$route.params.goodstype)
        },
}
</script>

<style>

</style>